@charset "utf-8";
@import "_iconfont.scss";
@function r($px){
    @return ($px/40)*1rem;
}
@function px($px){
    @return ($px/2)*1px;
}
#web{
   width: r(750);
   height: 100%;
   position: relative;
}
ul,li,span{
    box-sizing: border-box;
}

.session{
    width:100%;
    //title部分
    .group-title{
        margin-top:px(48);
        height:px(57);
        p{
            text-align: center;
            font-size: px(26);
            font-weight: bold;
            line-height: px(57);
        }
        .group-return{
            width:px(122);
            height:px(57);
            box-sizing: border-box;
            border:1px solid #ff9a50;
            border-radius:5px;
            text-align:center;
            line-height:px(57);
            font-size: px(26);
            margin-left:r(23);
            
        }
        .group-area{
            width: 79px;
            height: 27px;
            border: 1px solid #ff9344;
            margin-right:r(21);
            select{
                width: 100%;
                height: 100%;
                border: none;
                outline: none;
                text-indent: 7px;
                vertical-align: top;
                //去除默认样式（小三角）
                appearance: none;
                -webkit-appearance: none;
    //          text-align: center;
                background: url(../img/xiaojiao.png) no-repeat;
                background-size:15px 8px ;
                background-position: right 6px center;
                option{
                    text-indent: 7px;
                }
                
            }
        }
        
    }
    //title部分
    
    
    //banner部分开始
    .describe-banner{
        padding:0 r(24);
        margin-top: px(29);
        img{
            width:r(703);
            height:r(259);
            display:block;
            
        }
        .describe-price{
            margin-top:px(37);
            p{
                font-size: px(72);
                color:#ff9344;
                transform:translateX(15px); 
            }
            .describe-buy{
                width:px(111);
                height:(59);
                background: #ff9344;
                color:white;
                line-height:px(59);
                text-align: center;
                border-radius: 10px;   
                font-size: px(30);      
                transform: translateY(10px) translateX(-15px);      
            }
        }
    }
    
    //banner部分结束
    
    //好评度部分开始
    .describe-comment{
        padding:0 r(24);
        margin-top: px(38);
        font-size:0;
        img{
            width:px(41);
            height: px(38);
            
        }
        >span{
            font-size: px(26);
            color:#8e8e8e;
        }
        p{
            font-size: px(30);
            margin-left: 7px;
            >span{
              color:#ff9344;  
            }
        }
        
    }
    //好评度部分结束
    
    //适用商户部分开始
    .describe-apply{
        width:100%;
        padding:0 r(24);
        box-sizing: border-box;
        margin-top: px(40);

        .apply-top{
            width:100%;
            height:px(67);
            background: #ff9344; 
            p{
                line-height: px(67);
                margin-left:7px;
                font-size: px(30);
                color:white;              
            }
            span{
                color:white;
                font-size: px(46);
                line-height: px(67);
                margin-right:4px;
            }
        }
        
        .describe-product{
            margin-top:px(10);
            position: relative;
            margin-bottom: 5px;
            >a>img{
                width:px(176);
                height:px(176);
                margin-right: px(23);
                display:block;
            }
            .enter{
                width:px(112);
                height: px(59);
                border-radius: 12px;
                background: #ff9344;
                color:white;
                line-height: px(59);
                text-align: center;
                font-size: px(30);
                position:absolute;
                top:50%;
                right:0;
                margin-top:px(-30);
            }
            .describe-title{
                font-size:0;
                h3{
                 font-size: px(30);
                 margin-bottom: 6px;   
                }
                .descript-star{
                    img{
                        width:px(41);
                        height:px(38);
                        
                    
                    }
                    .last-c{
                        font-size: 20px;
                        color:#929292;
                    }
                }                         
            }
            p{
                font-size: px(24);
                color:#929292;
                margin-bottom:6px;
          
                    
            }
            .apply-check{
                font-size: px(20);
                color:#ff9344;
            }
                
        }
    }
    
    //适用商户部分开始
    
}


.session{
    position: absolute;
    top: px(0);
    bottom: px(136);
    left: 0;
    right: 0;
    //纵向滚动
    overflow-y:scroll ;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
}



//内容部分
footer{
    width: r(750);
    height: px(136);
    position: absolute;
    left: 0;
    bottom: 0;

    ul{

        li{ 
            width: 25%;
            float: left;
            text-align: center;
            margin-top:px(20);
            font-size:px(26);
            .iconfont{
                font-size:33px;
                -webkit-text-stroke: 1px #ff9344;    
                color:white;
            }
            

        }
    }
}
footer ul li .active{
    color: #ff9344;
}